<template>
    <div class="foot-address">
        <baidu-map :center="center" :zoom="zoom" @ready="handler" class="bm-view"></baidu-map>
    </div>
</template>

<script>
    export default {
        name: "FootAddress",
        data() {
            return {
                center: {lng: 0, lat: 0},
                zoom: 3
            }
        },
        methods: {
            handler ({BMap, map}) {
                console.log(BMap, map)
                this.center.lng = 127.217783
                this.center.lat = 45.75228
                this.zoom = 15
            }
        }
    }
</script>

<style scoped>
    .bm-view {
        width: 400px;
        height: 250px;
    }
</style>